/*----- PAGINA CONTACTO -----*/
button{
    position: absolute;
    height: 75px;
    width: 190px;
    border-radius: 0;
    box-shadow: none;

    padding: 0;
    transition: 0.3s;
}
button img{
    position: absolute;
}
button p{
    opacity: 0;
}
button:hover{
    cursor: pointer;
    box-shadow: 0px 7px 10px 0px rgba(0, 0,  0, 0.25);
}

.botonLinkedin{             /*      LINKEDIN      */
    top: 225px;
    left: 103px;
}
.botonLinkedin h6{
    position: absolute;
    top: 25%;
    left: 55px;

    width: 125px ; 
    height: 34px;
    margin: 0;

    /*font-family: Karma;*/
    font-size: 32px;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
}
.LogoLinkedIn{
    position: absolute;
    left: 10px;
    top: 16px;
}
.LogoHoverLinkedIn{
    position: absolute;
    left: 10px;
    top: 7px;

    height: 20px;
    width: 20px;
    opacity: 0;
}
.botonLinkedin p{
    position: absolute;
    top: 30px;
    left: 16px;

    height: 35px;
    width: 164px;

    margin: 0;

    /*font-family: Karma;*/
    font-size: 23px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: white;

    opacity: 0;
}

                        /*      Linkedin HOVER  */
.botonLinkedin:hover{
    background-color: #0E76A8;
}
.botonLinkedin:hover h6{
    position: absolute;
    height: 19px;
    width: 125px;
    left: 36px;
    top: -4px;
    border-radius: nullpx;

    font-size: 20px;

    color: white;
    text-decoration-line: black;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.botonLinkedin:hover p{
    opacity: 100%;
}
.botonLinkedin:hover .LogoHoverLinkedIn{
    opacity: 100%;
}
.botonLinkedin:hover .LogoLinkedIn{
    opacity: 0;
}



.botonGithub{               /*      GITHUB      */
    top: 225px;
    left: 343px;
}
.botonGithub .LogoGitHub{
    position: absolute;
    top: 17px;
    left: 10px;
}
.botonGithub .LogoHoverGitHub{
    position: absolute;
    top: 9.52px;
    left: 10.07px;

    opacity: 0;
}
.botonGithub h6{
    position: absolute;
    top: 25%;
    left: 68px;

    width: 104px ; 
    height: 34px;
    margin: 0;

    /*font-family: Karma;*/
    font-size: 32px;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
}
.botonGithub p{
    position: absolute;
    top: 30px;
    left: 30px;

    height: 29px;
    width: 129px;

    margin: 0;

    color: #ffffffff;
    /*font-family: Karma;*/
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;


    opacity: 0;
}
.botonGithub:hover{         /*    GitHub Hover      */
    background-color: #191717;
}
.botonGithub:hover .LogoGitHub{
    opacity: 0;
}
.botonGithub:hover .LogoHoverGitHub{
    opacity: 100%;
}
.botonGithub:hover h6{
    position: absolute;
    height: 18px;
    width: 53px;
    left: 36px;
    top: 11px;
    border-radius: nullpx;

    font-family: Karma;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;

    color: #ffffffff;
}
.botonGithub:hover p{
    opacity: 100%;
}



.botonInstagram{            /*      INSTAGRAM   */
    top: 225px;
    left: 583px;
}
.botonInstagram .LogoInstagram{
    position: absolute;
    top: 20.45px;
    left: 10px;
}
.botonInstagram .LogoHoverInstagram{
    position: absolute;
    top: 7.12px;
    left: 7.13px;

    opacity: 0;
}
.botonInstagram h6{
    position: absolute;
    top: 25%;
    left: 53px;

    margin: 0;

    width: 131px;
    height: 32px;

    font-size: 29px;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
}
.botonInstagram p{
    position: absolute;
    top: 31px;
    left: 30px;

    width: 136px;
    height: 32px;

    margin: 0;

    /*font-family: Karma;*/
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #ffffffff;
}

.botonInstagram:hover{      /*    Hover Instagram      */
    background: rgb(245,133,41);
}
.botonInstagram:hover .LogoInstagram{
    opacity: 0;
}
.botonInstagram:hover .LogoHoverInstagram{
    opacity: 100;
}
.botonInstagram:hover h6{
    position: absolute;
    top: -5px;
    left: 28px;

    margin: 0;

    width: 77px;
    height: 19px;

    font-size: 16px;
    color: #fff;
}
.botonInstagram:hover p{
    opacity: 100;
}

.botonTwitter{              /*      TWITTER      */
    top: 350px;
    left: 103px;
}
/*.botonTwitter img{
    top: 21.71px;
}
*/
.botonTwitter .LogoTwitter{
    position: absolute;
    top: 21.71px;
    left: 10px;
}
.botonTwitter .LogoHoverTwitter{
    position: absolute;
    top: 10.26px;
    left: 9.52px;

    opacity: 0;
}

.botonTwitter h6{
    position: absolute;
    top: 25%;
    left: 63px;
    margin: 0%;

    font-size: 32px;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
}
.botonTwitter p{
    position: absolute;
    top: 30px;
    left: 27px;
    
    margin: 0;

    width: 160px;
    height: 17px;

    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #ffffffff;
}

.botonTwitter:hover{            /*      Twitter Hover         */
    background-color: #00ACEE;
}
.botonTwitter:hover .LogoTwitter{
    opacity: 0;
}
.botonTwitter:hover .LogoHoverTwitter{
    opacity: 100;
}
.botonTwitter:hover h6{
    position: absolute;
    top: 9px;
    left: 36px;

    margin: 0%;
    
    width: 54px;
    height: 19px;

    font-size: 16px;
    line-height: 23.25px;
    color: #fff;
}
.botonTwitter:hover p{
    opacity: 100;
}

.botonReddit{               /*      REDDIT      */
    top: 350px;
    left: 343px;
}
.botonReddit .LogoReddit{
    position: absolute;
    top: 20.06px;
    left: 10px;
}
.botonReddit .LogoHoverReddit{
    position: absolute;
    top: 6.25px;
    left: 8.25px;

    opacity: 0;
}
.botonReddit h6{
    position: absolute;
    top: 25%;
    left: 75px;
    margin: 0%;

    font-size: 32px;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
}
.botonReddit p{
    position: absolute;
    top: 30px;
    left: 27px;

    margin: 0;

    width: 135px;
    height: 27px;

    /*font-family: Karma;*/
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;

    color: #fff;
}
.botonReddit:hover{         /*       Reddit Hover        */
    background-color: #FF4500;
}
.botonReddit:hover .LogoReddit{
    opacity: 0;
}
.botonReddit:hover .LogoHoverReddit{
    opacity: 100;
}
.botonReddit:hover h6{
    position: absolute;
    top: 11px;
    left: 37px;

    margin: 0;

    width: 49px;
    height: 21px;

    /*font-family: Karma;*/
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;

    color: #fff;
}
.botonReddit:hover p{
    opacity: 100;
}
    
.botonGmail{                /*      GMAIL      */
    top: 350px;
    left: 583px;
}
.botonGmail .LogoGmail{
    position: absolute;
    top: 23.1px;
    left: 10px;
}
.botonGmail .LogoHoverGmail{
    position: absolute;
    top: 9.48px;
    left: 7.62px;

    opacity: 0;
}
.botonGmail h6{
    position: absolute;
    top: 25%;
    left: 71px;
    margin: 0%;

    font-size: 32px;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
}
.botonGmail p{
    position: absolute;
    top: 38px;
    left: 10px;

    margin: 0;

    width: 175px;
    height: 20px;

    /*font-family: Karma;*/
    font-size: 13px;
    font-weight: 400;
    line-height: 18.89px;
    letter-spacing: 0em;
    text-align: left;    
    
    color: #fff;
    -webkit-text-stroke: 0px #fff;
}
.botonGmail:hover{      /*     Gmail Hover         */
    background-color: #B23121;
}
.botonGmail:hover .LogoGmail{
    opacity: 0;
}
.botonGmail:hover .LogoHoverGmail{
    opacity: 100;
}
.botonGmail:hover h6{
    position: absolute;
    top: 9px;
    left: 34px;

    margin: 0;

    width: 46px;
    height: 18px;

    /*font-family: Karma;*/
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}
.botonGmail:hover p{
    opacity: 100;
}